﻿body { font-size: 14px;  background: #226039 url(../images/bg.jpg) center 0 scroll no-repeat; color: #5d5d5d; }
.topnav-left{width:16%;float:left;color:white;text-align:right;}
.topnav-right{width:79%;float:right; text-align:right;}
/* header */
header { width: 100%; margin: auto; border-bottom: #3c7a48 1px solid }
.quotes { width: 1000px; position: relative; margin: 60px auto 120px auto; }
.quotes p { text-shadow: #246640 1px 1px 1px; color: #fff; width: 350px; height: 75px; overflow:hidden;  line-height: 1.5em;}
/* 以下属性原为：left: 0px; top: 160px;*/
.text5 { position: absolute; left: 0px; top: 160px; font-family:Arial, Helvetica, sans-serif; font-size: 32px; color: #FFF; -webkit-box-reflect: below -3px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(white)); }/* below文字倒影方向向下，距离3px 颜色渐变由上往下 */
.flower { position: absolute; right: 0; top: 60px; background: url(../images/flower.png) no-repeat; width: 173px; height: 175px; z-index: 2 }
.flower img { margin: 22px 0 0 17px; display: block; }
/* nav */
#nav { width: 100%; line-height: 40px; height: 40px; font-family: "微软雅黑"; font-size: 16px; background: rgba(56,134,72,.8); text-align: center; position: relative; border-bottom: #559765 1px solid }
#nav ul { width: 1000px; margin: auto; overflow: hidden }
#nav ul li { display: inline; margin: 0 12px; text-align: center; }
#nav ul li a { color: #fff; }

.topnav {
    line-height: 40px;
    height: 40px;
    text-align: right;
    background: #226039;
    color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1999;
    opacity: 0.9;
    box-shadow: #333 0px 2px 2px;
}

    .topnav a {
        color: #fff;
        font-weight: bold;
        margin: 0 5px;
        font-size: 13px;
    }